<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>set和map的数据结构</title>
</head>
<body>
	<script type="text/javascript">
	/*
	* Set是es6提供的一种新的数据结构,类似于数组.
	* 特点:他的成员的值都是唯一的,没有重复的值
	*Set 结构的实例有以下属性。
		Set.prototype.constructor：构造函数，默认就是Set函数。
		Set.prototype.size：返回Set实例的成员总数。
	*Set 实例的方法分为两大类：操作方法（用于操作数据）和遍历方法（用于遍历成员）。下面先介绍四个操作方法。
		add(value)：添加某个值，返回Set结构本身。
		delete(value)：删除某个值，返回一个布尔值，表示删除是否成功。
		has(value)：返回一个布尔值，表示该值是否为Set的成员。
		clear()：清除所有成员，没有返回值
	*Set 结构的实例有四个遍历方法，可以用于遍历成员。
		keys()：返回键名的遍历器
		values()：返回键值的遍历器
		PS:Set 结构没有键名，只有键值（或者说键名和键值是同一个值），所以keys方法和values方法的行为完全一致。Set结构的实例默认可遍历，它的默认遍历器生成函数就是它的values方法。
		entries()：返回键值对的遍历器
		forEach()：使用回调函数遍历每个成员
	*/
	/*
		const s = new Set();
		console.log(s);
		[2, 3, 5, 4, 5, 2, 2].forEach(item =>s.add(item))
		for(data of s){//for of循环专门为set和map数据结构设计
			console.log(data);
		}//2 3 5 4 set结构不会添加重复的值
		console.log(s);
		//数组去重:把Array数据结构先转换成Set数据结构,根据Set结构的成员都是唯一的的特性去重,然后再将其转换为Array数据结构 Array.from可以将Set数据结构转换为Array
		let arr = [3, 5, 2, 2, 5, 5];
		let unique = [...new Set(arr)];
		let unique2 =  Array.from(new Set(arr));
		console.log(unique2);
	*/
	/*
	* Map:它的数据结构类似于对象,属于键值对的集合,但是它的键名不局限于字符串
	*/
	const m = new Map();
	const o = {p:"hello"}
	m.set(o,"content")
	console.log(m.get(o));//content ps:把o {p:'hello'} 当做键名
	</script>
</body>
</html>
